<template>

    <div>
      <category-footer></category-footer>
      <category-content :tagList="tagList"></category-content>
    </div>
</template>

<script>
    import CategoryFooter from "./components/CategoryFooter";
    import CategoryContent from "./components/CategoryContent";
    import axios from 'axios'
    export default {
        name: "Category",
      components: {
          CategoryContent,
          CategoryFooter
        },
        data(){
          return{
            tagList:[]
          }
        },
      methods:{
          getCateData(){
            axios.get('/static/data/category.json').then(this.getCataDateSucc)
          },
          getCataDateSucc(res){
            res = res.data
            if (res.ret && res.data){
              var data=res.data
              this.tagList=data.tagList
            }
          }
      },
      mounted() {
          this.getCateData()
      }
    }
</script>

<style scoped>

</style>
